<template>
  <system-index>
    <personal-circle ref="sysComp" :has-back="hasBack"></personal-circle>
  </system-index>
</template>

<script>
  import SystemIndex from 'views/systemIndex';
  import PersonalCircle from 'views/sysCircle/personalCircle';

  import mpMixins from '../mpMixins';
  import mainPageMixins from '../mainPageMixins';

  export default {
    mixins: [mpMixins, mainPageMixins],

    data() {
      let pages = getCurrentPages();
      return {
        hasBack: pages.length > 1,
        pageType: 'circle',
        spaceId: null
      };
    },

    created() {
      window.resetCircleZoneLogById = logData => {
        this.$refs['sysComp'].resetCircleZoneLogById(logData);
      };

      window.resetCircleZoneLog = spaceId => {
        this.spaceId = spaceId;
      };
    },

    components: {
      SystemIndex,
      PersonalCircle
    }
  };

</script>
